<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="../helper.js"></script>
  <link href="data/logger.css" rel="stylesheet" type="text/css">
  
  <style type="text/css">
    #moveable {
      position: absolute;
      top: 110px;
      left: 250px;
      width: 29px;
      height: 29px;
      border: 2px dashed red;
      background-color: white;
      opacity : 0.5;
      -moz-opacity: 0.5;
      z-index: 50;
      display: none;
    }

    #juhu {
      width: 400px;
      margin: 10px;
      background-color: orange;
    }

    #inner, #juhu {
      border: 1px solid black;
      padding: 10px;
    }

    #div1 {
      width: 500px;
      margin: 10px;
    }

    #scroll {
      margin-top: 10px;
      overflow: scroll;
      height: 100px;
      width: 100px;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <div id="description">
    <p>Test of new event handler code.</p>
  </div>

  <div id="moveable">
    <div style="position:absolute;left:14px;top:0px; width:1px; height:29px; background-color:black;"></div>
    <div style="position:absolute;left:0px;top:14px; width:29px; height:1px; background-color:black;"></div>
  </div>

  <div id="juhu" tabindex="1">
    Juhu Kinners
    <div id="inner">Inner Div</div>
  </div>

  <input type="text" id="input"></input>

  <div id="scroll">
  Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
  Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
  Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
  Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
  Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
  Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
  Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners Juhu Kinners
  </div>
  
  <input type="button" id="btnClear" value="clear">
  <div id="logger">
  </div>    

</body>
</html>
